import { styled } from "styled-components";

export const DisMenulistWrapper = styled.div`
  .menu-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
  }

  .load-more {
    display: flex;
    justify-content: center;
    margin-top: 32px;

    .grey {
      padding: 8px 14px;
      opacity: .68;
      font-size: 18px;
      font-weight: 600;
      border-radius: 6px;
      background-color: var(--color-secondary-bg);
      color: var(--color-text);
    }
  }
`